<template>
  <avue-data-price :option="option"></avue-data-price>
</template>
<script setup>
import { ref } from 'vue';
const option = ref({
  span: 6,
  data: [
    {
      title: '日套餐',
      price: 20,
      append: '1 / 天',
      click: function () {
        alert('弹窗');
      },
      list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
    }, {
      title: '周套餐',
      price: 30,
      append: '7 / 天',
      click: function () {
        alert('弹窗');
      },
      list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
    }, {
      title: '月套餐',
      price: 40,
      append: '30 / 天',
      click: function () {
        alert('弹窗');
      },
      list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
    }, {
      title: '年套餐',
      price: 50,
      append: '360 / 天',
      click: function () {
        alert('弹窗');
      },
      list: ['1天的使用时间', '支持pc客户端', '支持vue的全部体系', '一个神奇的框架']
    }
  ]
})
</script>
